<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <meta name="keywords" contect="吉他女声,吉他女生,女吉他手,雅马哈">
    <title>2016吉他女声-报名</title>
    <link rel="stylesheet" href="/static/web/css/form/form.css">
    @include('web.baidu')
</head>
<body>
<div id="enter">
    <div class="banner">
        <div class="txt">
            <p class="animated bounceInDown"><img src="/static/web/images/common/logo-w.png"/></p>
            <p class="animated fadeInDown delay"><img src="/static/web/images/txt/txt_31.png"/></p>
            <p class="line"><em></em></p>
        </div>
    </div>
    <div class="container">
        <p class="enter-title">报名表</p>
        <form id="form" name="baoming" action="/action/baoming" method="post">
            <ul class="list" id="type">
                <li class="it clearfix">
                    <span class="fl title"><i>*</i>参赛形式：</span>
                    <p class="fr radio">
                        <label type="personal">
                            <input class="hidden" type="radio" name="type" value="1" checked/>
                            <em class="fl icon-radio"></em>
                            <span>个人参赛</span>
                        </label>
                        <label type="team">
                            <input class="hidden" name="type" type="radio" value="2"/>
                            <em class="fl icon-radio"></em>
                            <span>组合参赛</span>
                        </label>
                    </p>
                </li>
            </ul>
            <ul class="list" id="typeclass">
                <li class="it clearfix">
			        <span class="fl title"><i>*</i>参赛者姓名：</span>
			        <p class="fr">
			            <input name="relname" type="text"/>
			        </p>
			    </li>
			    <li class="it clearfix">
			        <span class="fl title"><i></i>性别：</span>
			        <p class="fr radio">
			            <label>
			                <input class="hidden" name="p-sex" type="radio" value="0" checked />
			                <em class="fl icon-radio"></em>
			                <span>女</span>
			            </label>
			        </p>
			    </li>
			    <li class="it clearfix">
			        <span class="fl title">年龄：</span>
			        <p class="fr">
			            <input name="age" type="text"/>
			        </p>
			    </li>
            </ul>
            <ul class="list">
                <li class="it clearfix">
                    <span class="fl title"><i>*</i>参赛曲目：</span>
                    <p class="fr">
                        <input name="song" type="text"/>
                    </p>
                </li>
                <li class="it clearfix">
                    <span class="fl title"><i>*</i>是否原创：</span>
                    <p class="fr radio">
                        <label>
                            <input name="yuanchuang" value="1" class="hidden" type="radio" checked/>
                            <em class="fl icon-radio"></em>
                            <span>是</span>
                        </label>
                        <label>
                            <input name="yuanchuang" value="0" class="hidden" type="radio"/>
                            <em class="fl icon-radio"></em>
                            <span>否</span>
                        </label>
                    </p>
                </li>
                <li class="it clearfix">
                    <span class="fl title"><i>*</i>视频链接：</span>
                    <div class="fr link">
                        <p class="clearfix">
                            <label>
                                <input class="hidden" type="radio" checked/>
                                <em class="fl icon-radio"></em>
                                <span>现在粘贴：请在下框中粘贴参赛视频链接（任何视频平台均可，视频标题中需含有【吉他女声】字样）</span>
                            </label>
                        </p>
                        <p class="link-txt"><input name="video" type="text"/></p>
                        <p class="clearfix">
                            <label>
                                <input class="hidden" type="radio" name="link"/>
                                <em class="fl icon-radio"></em>
                                <span>稍后发送，成功上传视频后将链接发送至邮箱：comboevent-SMB@music.yamaha.com（任何视频平台均可，视频标题中需含有【吉他女声】字样）</span>
                            </label>
                        </p>
                    </div>
                </li>
                <li class="it clearfix">
                    <span class="fl title"><i>*</i>联系方式：</span>
                    <p class="fr">
                        <input name="mobile" type="text"/>
                    </p>
                </li>
                <li class="it clearfix">
                    <span class="fl title"><i>*</i>邮箱：</span>
                    <p class="fr">
                        <input name="email" type="text"/>
                    </p>
                </li>
            </ul>
            <input type="hidden" name="_token" value="{{csrf_token()}}"/>
            <a class="submit" href="javascript:baoming.submit();">提交</a>
        </form>
    </div>
</div>
@include('web.footer')
<script type="text/template" id="personalTpl">
	<li class="it clearfix">
        <span class="fl title"><i>*</i>参赛者姓名：</span>
        <p class="fr">
            <input name="relname" type="text"/>
        </p>
    </li>
    <li class="it clearfix">
        <span class="fl title"><i></i>性别：</span>
        <p class="fr radio">
            <label>
                <input class="hidden" name="sex" type="radio" value="0" checked />
                <em class="fl icon-radio"></em>
                <span>女</span>
            </label>
        </p>
    </li>
    <li class="it clearfix">
        <span class="fl title">年龄：</span>
        <p class="fr">
            <input name="age" type="text"/>
        </p>
    </li>
</script>
<script type="text/template" id="teamTpl">
	<li class="it clearfix">
        <span class="fl title"><i>*</i>参赛者姓名<b>1</b>：</span>
        <p class="fr">
            <input name="relname" type="text"/>
        </p>
    </li>
    <li class="it clearfix">
        <span class="fl title"><i></i>性别：</span>
        <p class="fr radio">
            <label>
                <input class="hidden" name="sex" type="radio" value="0" checked />
                <em class="fl icon-radio"></em>
                <span>女</span>
            </label>
        </p>
    </li>
    <li class="it clearfix">
        <span class="fl title">年龄：</span>
        <p class="fr">
            <input name="age" type="text"/>
        </p>
    </li>
    <li class="it clearfix">
        <span class="fl title">使用乐器（限定）：</span>
        <p class="fr">
            <input name="yueqi" type="text" value="木吉他" placeholder="木吉他" readonly disabled/>
        </p>
    </li>
    <li class="it clearfix">
        <span class="fl title"><i>*</i>参赛者姓名<b>2</b>：</span>
        <p class="fr">
            <input name="relname2" type="text"/>
        </p>
    </li>
    <li class="it clearfix">
        <span class="fl title"><i></i>性别：</span>
        <p class="fr radio">
            <label>
                <input class="hidden" name="sex2" type="radio" value="0" checked />
                <em class="fl icon-radio"></em>
                <span>女</span>
            </label>
        </p>
    </li>
    <li class="it clearfix">
        <span class="fl title">年龄：</span>
        <p class="fr">
            <input name="age2" type="text"/>
        </p>
    </li>
    <li class="it clearfix">
        <span class="fl title">使用乐器（限定）：</span>
        <p class="fr">
            <input name="yueqi2" type="text" placeholder="不限"/>
        </p>
    </li>
</script>
<script type="text/javascript" src="/static/web/js/lib/jquery/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
	$(function(){
		var tpl = {
			teamTpl : $('#teamTpl').html(),
			personalTpl : $('#personalTpl').html()
		}
		$('#teamTpl').remove();
		$('#personalTpl').remove();
		$('#type').on('click', 'label', function(){
			$('#typeclass').html(tpl[$(this).attr('type') + 'Tpl']);
		});
	});
</script>
</body>
</html>